export const customization: Customization = {
  header: {
    position: 'left',
    detailsArrangement: 'wrap',
    detailsDisplayLeftRight: 'icon',
    showLabel: true,
    photoObj: {
      photo: '',
      shape: 'portrait',
      showPhoto: true
    },
    showPosition: true,
    showDetailsPosition: true
  },
  title: {
    style: 'simple',
    showIcon: true,
    titleBkg: '',
    showTitleStyle: true,
    showTitleBkg: true
  },
  layout: {
    colsFromDetails: {
      top: 'one',
      left: 'two',
      right: 'two',

    },
    detailsPosition: 'top',
    colWidthsFromDetails: {
      left: { leftWidth: 40, rightWidth: 60 },
      right: { leftWidth: 60, rightWidth: 40 },
      top: { leftWidth: 50, rightWidth: 50 },
    },
    selected: 'one',
  },
  sectionOrder: {
    one: {
      leftSectionChildren: [],
    },
    two: {
      leftSectionChildren: [],
      rightSectionChildren: [],
    },
  },
  spacing: {
    fontSize: 4,
    lineHeight: 3,
    marginHorizontal: 3,
    marginVertical: 8,
    spacingFactor: 1,
    header: { marginHorizontal: 1, marginVerticaltop: 2, marginVerticalbottom: 3 },
    module: { marginVertical: 1, marginHorizontal: 0 },
  },
  colors: {
    light: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    },
    strong: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    }
  },
  template: 'tpl1',
  applyAccentColor: []
}
export const content: ResumesContent = {

}
export const personalDetails: PersonalDetails = {
  name: '',
  gender: null,
  birthDay: null,
  email: '',
  phoneNumber: '',
  workingYears: undefined,
  politicsStatus: undefined,
  maritalStatus: '',
  nationality: '',
  nativePlace: '',
  detailsOrder: ['name', 'expJob', 'email', 'phoneNumber'],
  arrivalTime: undefined,
  expCity: '',
  expJob: '',
  expectedSalary: '',
  showAge: false,
  photoObj: {
    showPhoto: true,
  },

}
export const initialState: Resumes = {
  customization,
  content,
  personalDetails,
}

export const getInitialState: () => Resumes = () => ({
  customization,
  content,
  personalDetails,
})
